<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
// [js] "attribute"和"property"有什么不同？

property

是DOM中的属性，是JavaScript里的对象

可以读取标签自带属性，包括没有写出来的

不能读取attribute设置的属性

获取方式：读：element.property;            如：p.className;

设置方式：element.property = 'xxx';        如：p.className = 'xiao';

是元素（对象）的属性

attribute

是HTML标签的属性,即直接在html标签添加的都是attribute属性

不能读取property设置的属性

读取方式：element.getAttribute('属性名','属性值');  如：a.getAttribute('href');

设置方式：element.setAttribute('属性名','属性值');  如：a.getAttribute('href','xiaowan.jpg');

直接在html标签上添加的和使用setAttribute添加的情况一致


attribute是标签的特性

跟直接在标签上是用如href、class、src等属性是一样的效果
通过setAttribute（设置）getAttribute（获取）来获取和设置值，element.setAttribute('href', 'xxx.html')
当attribute值在标签里改变时(不是用setAttribute时)，getAttribute还是原来的值
property是DOM元素的属性

元素的属性，包括一些没有写出来的
直接通过属性名获取，element.id
  </script>
</body>
</html>